<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>云栖智管</title>
    <meta content="webkit" name="renderer">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="telephone=no" name="format-detection">
    <script src="lib/loading/okLoading.js" type="text/javascript"></script>
    <link href="css/main.css" media="all" rel="stylesheet">
    <link href="./css/font.css" rel="stylesheet">
</head>
<style>
    .show_list {
        display: block;
    }

    .hide_lits {
        display: none;
    }
</style>

<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header header header-demo">
        <div class="layui-main">
            <div class="admin-logo-box">
                <a class="logo" href="" title="logo">云栖智管</a>
                <div class="larry-side-menu">

                    <img alt="" src="images/ss.png">
                </div>
            </div>

            <ul class="layui-nav" lay-filter="">
                <li class="layui-nav-item" id="time"
                    style="margin-right: 50px;font-size: 16px;color: #2fb9d4;position: absolute;left: -250px;top: 0">
                </li>
                <li class="layui-nav-item"><img alt="" class="layui-circle"
                                                height="35px" src="./images/tx.jpg" style="border: 2px solid #A9B7B7;"
                                                width="35px">
                </li>

                <li class="layui-nav-item"><a class="userName" href="javascript:;">admin</a>
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd><a href="javascript:;"
                               onclick="one_set('个人信息','one_set.html','1000','600')">个人信息</a>
                        </dd>
                        <dd><a href="">切换帐号</a></dd>
                        <dd><a href="javascript:;" onclick="logout()">退出</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item x-index"><a href="#"></a></li>
            </ul>
        </div>
    </div>

    <!--左侧导航区域-->


    <div class="layui-side layui-bg-black x-side show_list" id="table1" style="left:0px;">
        <div style="height: 130px; width: 220px; ">
            <a class="img" style="display: block;width: 80px;height: 80px;margin: 10px auto 10px;" title="我的头像">
                <img class="userAvatar" src="./images/tx.jpg"
                     style="display: block;width: 100%;height: 100%;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border: 4px solid #44576b;box-sizing: border-box;">
            </a>
            <p
                    style=" display: block;width: 100%;height: 25px;color: #ffffff;text-align: center;font-size: 12px;white-space: nowrap;line-height: 25px;overflow: hidden;">
                你好！<span class="userName">admin</span>, 欢迎回来
            </p>
        </div>
        <div class="layui-side-scroll">

            <ul class="layui-nav layui-nav-tree site-demo-nav" lay-filter="side">


                <li class="layui-nav-item"><a _href="welcome.html" class="javascript:;" href="javascript:;"> <i
                        class="layui-icon left-nav-li" lay-tips="首页">&#xe68e;</i><cite>控制台</cite> </a>
                </li>

                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i
                        class="layui-icon iconfont icon-lvhuaxiaoqu" style="top: 3px;"></i><cite>我的房屋</cite>
                </a>
                    <dl class="layui-nav-child">
                        <dd class=""><a _href="propertyFeePayment.html" href="javascript:;"> <cite>物业费缴纳</cite>
                        </a></dd>
                        <dd class=""><a _href="reportForRepairAndMaintenance.html" href="javascript:;">
                            <cite>报修维修</cite> </a></dd>
                        <!--                        <dd class=""><a _href="buildinglst.html" href="javascript:;"> <cite>我的预约</cite> </a></dd>-->
                    </dl>
                </li>

                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i
                        class="layui-icon iconfont icon-lvhuaxiaoqu" style="top: 3px;"></i><cite>我的预约</cite>
                </a>
                    <dl class="layui-nav-child">
                        <dd class=""><a _href="cleaningReservation.html" href="javascript:;"> <cite>保洁预约</cite>
                        </a></dd>
                        <dd class=""><a _href="visitorReservation.html" href="javascript:;">
                            <cite>访客预约</cite> </a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i
                        class="layui-icon iconfont icon-yezhuxian" style="top: 3px;"></i><cite>联系我们</cite>
                </a>
                    <dl class="layui-nav-child">
                        <dd class=""><a _href="complaint.html" href="javascript:;"> <cite>投诉</cite> </a></dd>
                        <!--                        <dd class=""><a _href="vehicle_list.html" href="javascript:;"> <cite>建议</cite> </a></dd>-->
                    </dl>
                </li>

                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i
                        class="layui-icon iconfont icon-fuwu" style="top: 3px;"></i><cite>小区公告</cite> </a>
                    <dl class="layui-nav-child">
                        <dd class=""><a _href="notice.html" href="javascript:;"> <cite>公告列表</cite> </a></dd>
                        <!--                        <dd class=""><a _href="mailboxlist.html" href="javascript:;"> <cite>访客管理</cite> </a></dd>-->
                    </dl>
                </li>

                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i class="layui-icon"
                                                                                           style="top: 3px;">&#xe614;</i><cite>系统设置</cite>
                </a>
                    <dl class="layui-nav-child">
                        <dd class=""><a _href="one_set.html" href="javascript:;"> <cite>个人设置</cite> </a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-tab layui-tab-card site-demo-title x-main" lay-allowclose="true" lay-filter="x-tab"
         style="left: 220px;border-left: solid 2px #2299ee;">
        <ul class="layui-tab-title">
            <li class="layui-this"> 我的桌面 <i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li>
        </ul>
        <div class="layui-tab-content site-demo site-demo-body">
            <div class="layui-tab-item layui-show">
                <iframe class="x-iframe" frameborder="0" src="welcome.html"></iframe>
            </div>
        </div>
    </div>
    <div class="site-mobile-shade"></div>

</div>

<script charset="utf-8" src="lib/layui/layui.js"></script>
<script src="js/main.js"></script>
<script src="js/jquery.min.js"></script>
<script charset="utf-8" src="js/x-layui.js"></script>

<script>
    $(".daohang").click(function () {
        var table = $(this).attr("ids");
        var ids = $(".show_list").attr("id");
        $("#" + ids + "").addClass("hide_lits");
        $("#" + ids + "").removeClass("show_list");
        $("" + table + "").removeClass("hide_lits");
        $("" + table + "").addClass("show_list");
    })
</script>
<script>
    layui.use(['laydate', 'element', 'laypage', 'layer'], function () {
        $ = layui.jquery;//jquery
        laydate = layui.laydate;//日期插件
        lement = layui.element();//面包导航
        laypage = layui.laypage;//分页
        layer = layui.layer;//弹出层
        okLoading.close($)
        //以上模块根据需要引入

    });

    /**
     * 退出登陆
     */
    function logout() {
        $.ajax({
            type: "post",
            url: "xxxxx",
            data: {e: 1},
            dataType: "json",
            success: function (data) {
                if (data.status == 1) {
                    layer.msg(data.info, {icon: 1, time: 1000});
                    setTimeout("window.location.href='xxxx'", 2000);
                    return false;
                    return false;
                } else {
                    layer.msg(data.info, {icon: 5, time: 2000});
                    return false;
                }
            }

        })
        return false;
    }

    function one_set(title, url, w, h) {
        x_admin_show(title, url, w, h);
    }
</script>
<script>
    //顶部时间
    function getTime() {
        var myDate = new Date();
        var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
        var myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
        var myToday = myDate.getDate(); //获取当前日(1-31)
        var myDay = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
        var myHour = myDate.getHours(); //获取当前小时数(0-23)
        var myMinute = myDate.getMinutes(); //获取当前分钟数(0-59)
        var mySecond = myDate.getSeconds(); //获取当前秒数(0-59)
        var week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
        var nowTime;

        nowTime = myYear + '-' + fillZero(myMonth) + '-' + fillZero(myToday) + '&nbsp;&nbsp;' + week[myDay] + '&nbsp;&nbsp;' + fillZero(myHour) + ':' + fillZero(myMinute) + ':' + fillZero(mySecond);
        //console.log(nowTime);
        $('#time').html(nowTime);
    };

    function fillZero(str) {
        var realNum;
        if (str < 10) {
            realNum = '0' + str;
        } else {
            realNum = str;
        }
        return realNum;
    }

    setInterval(getTime, 1000);
</script>
<script>
    window.onload = function () {
        var click = document.getElementById('new-nav');
        var news = document.getElementById('news');
        click.addEventListener('mousemove', function () {
            news.style.display = 'block';
        });
        click.addEventListener('mouseout', function () {
            news.style.display = 'none';
        });

        var gonggao = document.getElementById('gonggao');
        var gonggaos = document.getElementById('gonggaos');
        gonggao.addEventListener('mousemove', function () {
            gonggaos.style.display = 'block';
        });
        gonggao.addEventListener('mouseout', function () {
            gonggaos.style.display = 'none';
        });
    }
</script>
</body>
<script src="js/jquery-3.7.1.min.js"></script>
<script src="js/request.js"></script>
<script>
    $(function () {
        console.log(sessionStorage.getItem('username'))
        $('.userName').text(sessionStorage.getItem('username'))
    })
</script>

</html>